<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body,html {
				height: 100%;
			}
			video {
				position: fixed;
				width: 100%;
				height: 100%;
				object-fit:cover ;
				/* 用视频对象铺面整个界面 */
			}
			div {
				
				position: absolute;
				top: 100px;
				left: 100px;
				width: 80%;
				font-size: 50px;
				color: #fff;
				background-color: gray;
			}
		</style>
	</head>
	<body>
		<!-- 视频和音频是html5的标签
			
		 
		 
		 
		 -->
		 <video   muted autoplay  loop
		  src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e25d81c4922fca5ebe51877717ef9b76.mp4">
		 	当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
		 </video>
		 <audio src="" >
		 	当前浏览器不支持audio
		 </audio>
		 <div>
			 导航
		 </div>
	</body>
</html>
